<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:shro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>大成方略乐橙客户管理系统</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <!--轮播图-->
    <link rel="stylesheet" href="/css/swiper-bundle.min.css"/>
    <!--对话框-->
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css" />
    <link rel="stylesheet" href="/css/user-main.css" />
</head>
<!--.bootstrap-select > .dropdown-toggle.bs-placeholder-->
<body>
<div class="container-fluid">
    <div class="row top-action">
        <div class="col-xs-7">
<!--            <div class="hot-notice" style="padding-right: 0">-->
<!--                <img src="/images/icon-hotnews.png" alt="">-->
<!--                <div class="bd">-->
<!--                    <ul class="infoList" id="newsBox"></ul>-->
<!--                </div>-->
<!--            </div>-->
            <div class="card-header" style="padding: 0;border: none">
                <h4><img src="/images/data-icon.png" alt="" style="margin: -2px 6px 0 -2px;vertical-align: top;">数据一览</h4>
            </div>
        </div>
        <div class="col-xs-5">
            <div id="browsData" class="select-switch pull-right">
                <label for="all"><input type="radio" name="date" value="" id="all" checked=""><span>全部</span></label>
                <label for="week"><input type="radio" name="date" value="thisWeek" id="week"><span>本周</span></label>
                <label for="topWeek"><input type="radio" name="date" value="lastWeek" id="topWeek"><span>上周</span></label>
                <label for="month"><input type="radio" name="date" value="thisMonth" id="month"><span>本月</span></label>
                <label for="topMonth"><input type="radio" name="date" value="lastMonth" id="topMonth"><span>上月</span></label>
            </div>
        </div>
    </div>
    <div class="overview">
        <div class="data-box">
            <div class="card">
                <strong class="data-change" id="rankingNumber"></strong>
                <span>业绩排名 <i class="mdi" id="rankingNumberArrow"></i></span>
            </div>
            <div class="card">
                <strong class="data-change" id="customerMembershipNumber"></strong>
                <span>会员数量<i class="mdi " id="customerMembershipNumberArrow"></i></span>
            </div>
            <div class="card">
                <strong class="data-change" id="performanceAmount"></strong>
                <span>业绩金额 <i class="mdi" id="performanceAmountArrow"></i></span>
            </div>
            <div class="card">
                <strong class="data-change" id="membershipGrowthRate"></strong>
                <span>会员增长率 <i class="mdi" id="membershipGrowthRateArrow"></i></span>
            </div>
            <!--<div class="card">
                <strong class="data-change" id="opportunityNumber"></strong>
                <span>商机数 <i class="mdi mdi-arrow-up-bold"></i></span>
            </div>-->
            <div class="card" id="membershipRenewalRateBg">
                <strong class="data-change" id="membershipRenewalRate"></strong>
                <span>会员续费率 <i class="mdi" id="membershipRenewalRateArrow"></i></span>
<!--                <i class="mdi mdi-lock-outline" id="hideMoney"></i>-->
            </div>
            <div class="card">
                <strong class="data-change" id="memberTurnoverRate"></strong>
                <span>会员流失率 <i class="mdi" id="memberTurnoverRateArrow"></i></span>
                <i class="mdi mdi-lock-outline" id="hideMoney"></i>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card box-new-card" style="height: 500px;">
                <div class="card-header">
                    <h4><img src="/images/charts-icon.png" alt="">业绩报表</h4>
                </div>
                <div class="card-body" style="width: 100%;height: 400px">
                    <div id="e-line" style="width: 100%;height: 400px"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="r-width">
        <div class="clear-float" >
            <div class="aside">
                <div class="card box-new-card w-swiper" style="height: auto;">
                    <div class="card-header">
                        <h4><img src="/images/icon-home-1.png" alt="">今日资讯</h4>
                        <div class="card-actions">
                            <button type="button" class="js-create-tab btn btn-primary" href="#!" data-title="编辑轮播图" data-url="/front/carousel/editCarousel">&nbsp;编辑&nbsp;</button>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="banner">
                            <div class="swiper-container" style="width: 100%;height: 100%; border-radius: 10px;">
                                <div class="swiper-wrapper" style="width: 100%;height: 100%;border-radius: 10px;">
                                    <!--<div class="swiper-slide" th:style="'background-image: url(' + ${news[0].accessUrl} + ');'"></div>
                                    <div class="swiper-slide" th:style="'background-image: url(' + ${news[1].accessUrl} + ');'"></div>
                                    <div class="swiper-slide" th:style="'background-image: url(' + ${news[2].accessUrl} + ');'"></div>-->
                                    <div class="swiper-slide" style="background-image: url('/images/img-slide-3.png');background-position: inherit;"></div>
                                    <div class="swiper-slide" style="background-image: url('/images/img-slide-1.png');background-position: inherit;"></div>
                                    <div class="swiper-slide" style="background-image: url('/images/img-slide-2.png');background-position: inherit;"></div>

                                </div>
                                <!--<div id="title1" style="display: none" th:text="${news[0].newsTitle}"></div>
                                <div id="title2" style="display: none" th:text="${news[1].newsTitle}"></div>
                                <div id="title3" style="display: none" th:text="${news[2].newsTitle}"></div>-->
                                <div class="swiper-button-next swiper-button-white n-swiper"></div>
                                <div class="swiper-button-prev swiper-button-white l-swiper"></div>
                            </div>
                            <div class="swiper-bottom swiper-layer" onclick="goDetail()">
                                <a href="JavaScript:void(0);" class="title" id="title"></a>
                            </div>
                            <!-- 编辑按钮 -->
                            <!--<a class="js-create-tab pull-left" href="#!" data-title="编辑轮播图" data-url="/front/carousel/editCarousel">
                                <div id="imageEdit">编辑</div>
                            </a>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-wrapper">
                <div class="content">
                    <div class="" >
                        <div class="card box-new-card" style="height: 380px;">
                            <div class="card-header">
                                <h4><img src="/images/icon-home-2.png" alt="">重要公告</h4>
                                <div class="card-actions">
                                    <select class="pull-left m-r-15" id="ggSelect" onchange="publicStatusChange()" name="ggSelect" size="1">
                                        <!--0:已发布; 1:已删除-->
                                        <option value="0">已发布</option>
                                        <option value="1">已删除</option>
                                    </select>
                                    <div class="searchs pull-left">
                                        <input type="text" id="searchInfo" placeholder="请输入公告名称" autocomplete="off" class="s-input">
                                        <!--                            <i class="mdi mdi-magnify"></i>-->
                                        <button onClick="announcementTableInit()" type="button" class="s-button"><img src="/images/l-search.png" alt=""></button>
                                    </div>
                                    <a class="js-create-tab pull-left" href="#!" data-title="发布" data-url="/front/announcement/addAnnouncement">
                                        <button class="btn btn-add" type="button">发布</button>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body">
                                <table id="announcement_list"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="card box-new-card" style="height: 530px;">
                <div class="card-header">
                    <h4><img src="/images/icon-home-6.png" alt="">全国公司业绩总排行榜</h4>
                    <div class="card-actions">
                        <input type="text" hidden class="j-pank">
                        <select class="pull-left m-r-15" id="status-select" onchange="funRankAchieve()" name="status-select" size="1" style="border-radius: 50px">
                            <option value="">全部</option>
                            <option value="thisMonth">本月</option>
                            <option value="lastMonth">上月</option>
                            <option value="thisYear">今年</option>
                            <option value="lastYear">去年</option>
                        </select>
<!--                            <ul class="browse-data">-->
<!--                                <li onclick="funRankAchieve('')" class="j-thisAll">全部</li>-->
<!--                                <li onclick="funRankAchieve('thisMonth')" class="j-thisMonth active">本月</li>-->
<!--                                <li onclick="funRankAchieve('thisLastMonth')" class="j-thisLastMonth">上月</li>-->
<!--                            </ul>-->
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="b-flex" style="height: 30px;border: none;font-size: 16px;color: #959595;">
                            <div class="r-img">排行</div>
                            <div class="r-company">公司名</div>
                            <div class="r-num">业绩</div>
                        </div>
                        <div class="l-wrap">

                            <!--&lt;!&ndash;                        <select class="pull-left m-r-15" id="status-select" onchange="publicStatusChange()" name="status-select" size="1">&ndash;&gt;-->
                        <!--&lt;!&ndash;                            &lt;!&ndash;0:已发布; 1:已删除&ndash;&gt;&ndash;&gt;-->
                        <!--&lt;!&ndash;                            <option value="0">已发布</option>&ndash;&gt;-->
                        <!--&lt;!&ndash;                            <option value="1">已删除</option>&ndash;&gt;-->
                        <!--&lt;!&ndash;                        </select>&ndash;&gt;-->
                        <!--                        <div class="b-flex">-->
                        <!--                            <div class="r-img"><img src="/images/rankImg/1.png" alt=""></div>-->
                        <!--                            <div class="r-name-money"><p>姚树银</p> <span>8000,000$</span></div>-->
                        <!--                            <div class="r-company"><span>北京分公司</span></div>-->
                        <!--                            <div class="r-num"><span>800</span></div>-->
                        <!--                        </div>-->
                        <!--                        <div class="b-flex">-->
                        <!--                            <div class="r-img"><img src="/images/rankImg/2.png" alt=""></div>-->
                        <!--                            <div class="r-name-money"><p>姚树银</p> <span>8000,000$</span></div>-->
                        <!--                            <div class="r-company"><span>北京分公司</span></div>-->
                        <!--                            <div class="r-num"><span>800</span></div>-->
                        <!--                        </div>-->
                        <!--                        <div class="b-flex">-->
                        <!--                            <div class="r-img"><img src="/images/rankImg/3.png" alt=""></div>-->
                        <!--                            <div class="r-name-money"><p>姚树银</p> <span>8000,000$</span></div>-->
                        <!--                            <div class="r-company"><span>北京分公司</span></div>-->
                        <!--                            <div class="r-num"><span>800</span></div>-->
                        <!--                        </div>-->
                        <!--                        <div class="b-flex">-->
                        <!--                            <div class="r-img"><span>No.4</span></div>-->
                        <!--                            <div class="r-name-money"><p>姚树银</p> <span>8000,000$</span></div>-->
                        <!--                            <div class="r-company"><span>北京分公司</span></div>-->
                        <!--                            <div class="r-num"><span>800</span></div>-->
                        <!--                        </div>-->
                        <!--                        <div class="b-flex">-->
                        <!--                            <div class="r-img"><span>No.5</span></div>-->
                        <!--                            <div class="r-name-money"><p>姚树银</p> <span>8000,000$</span></div>-->
                        <!--                            <div class="r-company"><span>北京分公司</span></div>-->
                        <!--                            <div class="r-num"><span>800</span></div>-->
                        <!--                        </div>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="card box-new-card" style="height: 530px;">
                <div class="card-header">
                    <h4><img src="/images/icon-home-6.png" alt="">本公司业绩总排行榜</h4>
                    <div class="card-actions">
                        <input type="text" hidden class="j-pank">
<!--                        "dateType":""  // ""全部  thisMonth 本月 lastMonth 上月   thisYear 今年  lastYear 去年 thisWeek 本周  lastWeek上周-->
                        <select class="pull-left m-r-15" id="status-select1" onchange="ourCompanyInit()" name="status-select" size="1" style="border-radius: 50px">
                            <option value="">全部</option>
                            <option value="thisWeek">本周</option>
                            <option value="lastWeek">上周</option>
                            <option value="thisMonth">本月</option>
                            <option value="lastMonth">上月</option>
                            <option value="thisYear">今年</option>
                            <option value="lastYear">去年</option>
                        </select>
                    </div>
                </div>
                <div class="card-body">
                    <div class="b-flex" style="height: 30px;border: none;font-size: 16px;color: #959595;">
                        <div class="r-img">排行</div>
                        <div class="r-company">姓名</div>
                        <div class="r-num">业绩</div>
                    </div>
                    <div class="l-wrap1">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

<!--行内编辑插件-->
<link href="/js/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js"></script>

<!--以下是tree-grid的使用示例-->
<link href="/js/jquery-treegrid/jquery.treegrid.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/jquery-treegrid/jquery.treegrid.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
<!-- 分页 -->
<script src="/js/jquery.pagination.js"></script>
<!--滚动新闻-->
<script type="text/javascript" src="/js/jquery-super-slide/jquery.SuperSlide.2.1.3.js"></script>
<!--轮播图-->
<script type="text/javascript" src="/js/swiper-bundle.min.js"></script>
<!--对话框-->
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script src="/js/crm/main/superAdminMain.js"></script>
<script>
    $(document).ready(function () {
        // 处理页面有滚动条时，页面右侧边距缩窄
        if (window.innerWidth !== $(document).width()) {
            $('.container-fluid').addClass('p-scroll');
        }
        // 模态框显示时模糊背景
        $('.modal').on('show.bs.modal', function (e) {
            $('.container-fluid').addClass('modal-blur');
        }).on('hidden.bs.modal', function (e) {
            $('.container-fluid').removeClass('modal-blur');
        })
    });


    /**
     * 超过7天 超过15天 超过30天 超过2个月 逾期 切换-管理端
     * @param time
     */
    function selectRemindType(type) {
        if (type == '1') {
            parent.$(parent.document).data('multitabs').create({
                iframe: true,
                title: '未联系客户详情',
                url: "/front/remind/forgetCustomer?dataType="+type
            },true);
        }
        if (type == '2') {
            parent.$(parent.document).data('multitabs').create({
                iframe: true,
                title: '未联系客户详情',
                url: "/front/remind/forgetCustomer?dataType="+type
            },true);
        }
        if (type == '3') {
            parent.$(parent.document).data('multitabs').create({
                iframe: true,
                title: '未联系客户详情',
                url: "/front/remind/forgetCustomer?dataType="+type
            },true);
        }
        if (type == '4') {
            parent.$(parent.document).data('multitabs').create({
                iframe: true,
                title: '未联系客户详情',
                url: "/front/remind/forgetCustomer?dataType="+type
            },true);
        }
        if (type == '5') {
            parent.$(parent.document).data('multitabs').create({
                iframe: true,
                title: '未联系客户详情',
                url: "/front/remind/forgetCustomer?dataType="+type
            },true);
        }
    }
</script>
</body>
</html>
